<template>
  <div class="personageNav">
    <van-grid :column-num="3">
      <van-grid-item text="">
        <van-icon name="fire-o" size="2rem" color="#FA9181"/>
        我的余额
      </van-grid-item>
      <van-grid-item>
        <van-icon name="gem-o" size="2rem" color="#FA9181"/>
        我的砍价
      </van-grid-item>
      <van-grid-item @click="gotodiscounts">
        <van-icon name="gem-o" size="2rem" color="#F1C36F" />
        我的礼券
      </van-grid-item>
      <van-grid-item>
        <van-icon name="bag-o" size="2rem" color="#F1C36F"/>
        我的收藏
      </van-grid-item>
      <van-grid-item>
        <van-icon name="smile-o" size="2rem" color="#5A9FEC" />
        我的地址
      </van-grid-item>
      <van-grid-item>
        <van-icon name="manager-o" size="2rem" color="#5A9FEC"/>
        联系客服
      </van-grid-item>
    </van-grid>
  </div>
</template>
<script>
export default {
  methods:{
    gotodiscounts(){
      this.$router.push('/discounts')
    }
  }
}
</script>
<style lang="scss">
.personageNav {
  margin-top: 0.5rem;
}
</style>